﻿@media all
{
    #wrapper2
    {
        height: 100px;
        border-top: 1px solid #DDD;
        background: #FAFAFA;
        position: relative; /* On older OS versions "position" and "z-index" must be defined, */
        z-index: 1; /* it seems that recent webkit is less picky and works anyway. */
        overflow: hidden;
    }
    #wrapper2_contain
    {
        height: 100%;
    }
    #wrapper2_contain li
    {
        float: left;
        padding:15px 10px;
    }
    #wrapper2_contain img
    {
        width: 140px;
        height: 70px;
    }
    
    .gamelist_item
    {
        height: 60px;
    }
    .gamelist_item_left
    {
        display: inline;
        float: left;
        height: 100%;
    }
    .gamelist_item_left img
    {
        width: 48px;
        height: 48px;
        margin: 5px 10px 5px 5px;
    }
    .gamelist_item_middle
    {
        width: 100%;
    }
    .gamelist_item_right
    {
        display: inline;
        float: right;
        height: 100%;
        padding-right:5px;
    }
    .gamelist_item_status
    {
        text-align: center;
        margin: 8px 0;
        padding: 17px 10px 17px 10px;
        border-left: 1px solid #DDD;
    }
    .gamelist_item_status.get
    {
        color: #32c832;
    }
    .gamelist_item_status.noget
    {
        color: #c83232;
    }
    .gamelist_item_name, .gamelist_item_detail
    {
        display: block;
        overflow: hidden;
        white-space: normal;
        word-break: break-all;
    }
    .gamelist_item_name
    {
        font-size: 14px;
        font-weight: bold;
        padding: 15px 0 0 0;
    }
    .gamelist_item_detail
    {
        color: #999;
        padding: 8px 0 0 0;
    }
    .gamelist_item_more
    {
        font-size: 14px;
        text-align: center;
        line-height: 60px;
    }

    .newarealist_header, .newarealist_item
    {
        text-align: center;
    }
    .newarealist_header
    {
        font-size: 14px;
        font-weight:bold;
        height:50px;
        line-height:50px;
    }
    .newarealist_item
    {
        line-height: 15px;
    }
    .newarealist_header_name, .newarealist_item_name, .newarealist_header_time, .newarealist_item_time, .newarealist_header_server, .newarealist_item_server, .newarealist_header_operator, .newarealist_item_operator
    {
        padding: 10px 2px;
        float: left;
        display: inline;
    }
    .newarealist_header_name, .newarealist_item_name
    {
        width: 24%;
    }
    .newarealist_header_time, .newarealist_item_time
    {
        width: 24%;
    }
    .newarealist_header_server, .newarealist_item_server
    {
        width: 24%;
    }
    .newarealist_header_operator, .newarealist_item_operator
    {
        width: 24%;
    }
    .newarealist_item_name, .newarealist_item_time, .newarealist_item_server, .newarealist_item_operator
    {
        overflow: hidden;
        white-space: normal;
        word-break: break-all;
    }
    .newarealist_item_name, .newarealist_item_time, .newarealist_item_operator
    {
        font-size: 12px;
    }

    .gameclassifylist li
    {
        display: inline;
        float: left;
        border: none;
        width: 25%;
        margin: 10px 0;
    }
    .gameclassifylist li:first-child
    {
        border: none;
    }
    .gameclassifylist_item
    {
        text-align: center;
        width: 100%;
        height: 100%;
    }
    .gameclassifylist_item_img
    {
        width: 48px;
        height: 48px;
        margin-bottom: 5px;
    }
    .gameclassifylist_item_name
    {
        display: block;
        overflow: hidden;
        white-space: normal;
        word-break: break-all;
    }
    .gameclassifylist_item_name
    {
        font-size: 14px;
        font-weight: bold;
    }

    .codelist_item
    {
        height: 60px;
    }
    .codelist_item_left
    {
        display: inline;
        float: left;
        height: 100%;
    }
    .codelist_item_left img
    {
        width: 48px;
        height: 48px;
        margin: 5px 10px 5px 5px;
    }
    .codelist_item_middle
    {
        width: 100%;
    }
    .codelist_item_right
    {
        display: inline;
        float: right;
        height: 100%;
        padding-right:5px;
    }
    .codelist_item_name, .codelist_item_detail
    {
        display: block;
        overflow: hidden;
        white-space: normal;
        word-break: break-all;
    }
    .codelist_item_name
    {
        font-size: 14px;
        font-weight: bold;
        padding: 15px 0 0 0;
    }
    .codelist_item_detail
    {
        color: #999;
        padding: 8px 0 0 0;
    }
    .codelist_item_time
    {
        font-size: 12px;
        text-align: center;
        margin: 14px 5px 0 0;
        line-height: 16px;
    }



    .gamearea
    {
        padding: 10px;
    }
    .game_infoarea_left
    {
        float: left;
        display: inline;
        height: 100%;
    }
    .game_infoarea_left img
    {
        width: 48px;
        height: 48px;
        margin: 5px 10px 5px 5px;
    }
    .game_infoarea_right
    {
        width: 100%;
    }
    .game_infoarea_top
    {
        padding: 7px 5px 0 0;
    }
    .game_infoarea_name, .game_infoarea_codename
    {
        display: inline;
        font-size: 14px;
        font-weight: bold;
    }
    .game_infoarea_codename
    {
        float: right;
    }
    .game_infoarea_detail
    {
        color: #999;
        padding: 5px 5px 0 0;
    }
    .game_infoarea_bottom
    {
        padding: 5px 5px 0 0;
    }
    .game_infoarea_website, .game_infoarea_time
    {
        display: inline;
        color: #999;
    }
    .game_infoarea_time
    {
        float: right;
    }
    .game_codelabel
    {
    }
    .game_codearea
    {
        height: 30px;
    }
    .game_codeprogress
    {
        top: -26px;
        left: 80px;
        margin-right: 85px;
        margin-left: 10px;
    }
    .game_codearea_geted span
    {
        margin-right: 10px;
        line-height: 30px;
        font-size:16px;
    }
    button.clean-gray
    {
        margin: 0px;
        width: 80px;
    }
    .game_codearea .noget
    {
        color: #c83232;
    }
    .game_codearea .get
    {
        color: #32c832;
    }
    .game_codearea .ui-label-after
    {
        float: right;
        color: #fff;
        padding: 8px 10px 0 0;
    }
    .game_remarkarea
    {
        white-space: normal;
        word-break: break-all;
    }
}

/*特定分辨率*/

@media screen and (-webkit-device-pixel-ratio: 1.5) 
{
     #wrapper2
    {
        height: 108px;
    }
    #wrapper2_contain img
    {
        width: 158px;
        height: 78px;
    }
}